My Quarto Slides

Welcome

This is a Quarto slide!

[1] "/__w/DataVisMaterial/DataVisMaterial/material/slides/vis_slides"

Embedded Jupyter Code

Hello from Jupyter!

Embedded plot 1

Embeded plot

Packages and data

# Importing the packages
import plotly.express as px
import pandas as pd
# Loading and displaying the data
tableRes = pd.read_csv('../../data/exergamewf.csv')

tableRes["Participants"] = "Participants" # in order to have a single root node
tableRes["ppt"] = tableRes["iSubj"].astype(str)
tableRes["strial"] = tableRes["trial"].astype(str)
tableRes.head()

   iSubj  trial  Age  Decade  ...  older  Participants  ppt  strial
0      1      1   76       7  ...   True  Participants    1       1
1      1      2   76       7  ...   True  Participants    1       2
2      1      3   76       7  ...   True  Participants    1       3
3      1      4   76       7  ...   True  Participants    1       4
4      1      5   76       7  ...   True  Participants    1       5

[5 rows x 19 columns]

Treemap source code

fig = px.treemap(tableRes, path=['Participants', 'iSubj', 'trial'], 
                values='Age', color='medSpeed', 
#               hover_data=['Age'],
#               Try a diverging color scale,
                color_continuous_scale=['#d7191c','#fdae61','#ffffbf',
                '#abd9e9','#2c7bb6'] 
                )
fig.update_layout(
    autosize=False,width=1000,height=600);

Treemap showing speed values per participant

fig.show()